<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>零基础JavaScript编码（一）</title>
</head>
<body>
	<label>请输入北京今天空气质量：<input id="aqi-input" type="text" ></label>
	<button id="button">确认填写</button>
	<div>您输入的值是：<span id="aqi-display">尚无录入</span></div>

	<script type="text/javascript">
		(function(){
			/*	在注释下方写下代码,给按钮button绑定一个点击事件,在事件处理函数中,获取aqi-input输入的值，并显示在aqi-display中*/
			var myBotton=document.getElementById("button");
			myBotton.onclick=function add(){
				var aqiInput=document.getElementById("aqi-input");
				var aqiDisplay=document.getElementById("aqi-display");
				if(aqiInput.value){
					aqiDisplay.innerHTML=aqiInput.value;
				}
				else{
					aqiDisplay.innerHTML="尚无录入";
					alert("请输入北京今天空气质量：");
				}
			}
		})();
	</script>
</body>
</html>